<html>
<body>
<!-- region A -->
<div>
  text 1
</div>
<div>
  text 2
</div>
<!-- endregion -->
<div>
  text 3
</div>
<!-- region B -->
<ul>
  <li>
    item 1
  </li>
  <!-- region C -->
  <li>
    item 2
  </li>
  <li>
    item 3
  </li>
  <!-- endregion -->
</ul>
<!-- endregion -->
</body>
</html>